<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title></title>
    <script type="text/javascript" src="<{$config.weburl}>/templates/wap/js/jquery-min.js"></script>
    <link type="text/css" href="<{$config.weburl}>/templates/wap/new_css/indexamazeui.css" rel="stylesheet" />
    <link type="text/css" href="<{$config.weburl}>/templates/wap/new_css/m_base.css" rel="stylesheet" />
    <link type="text/css" href="<{$config.weburl}>/templates/wap/new_css/style.css" rel="stylesheet" />
    <link type="text/css" href="<{$config.weburl}>/templates/wap/new_css/order.css" rel="stylesheet" />
    <style>
        .order_msg .li_jg span{ padding-right:30px;}
        .order_msg .li_jg span.gray strong{ color: #333;}
.order_msgn {display: block;margin: 0 10px;padding-top: 10px;}
    </style>
</head>
<body>
    <style>
.header_top {
    height: 50px;
    padding: 10px;
    position: relative;
    border-bottom: 1px solid #f37b1d;
    box-shadow: 0 -1px 1px #eee;
    background: #F85709;
}
.st_back {
    position: absolute;
    left: 10px;
    width: 30px;
    height: 30px;
}
.st_back a {
    float: left;
    width: 30px;
    height: 24px;
    margin-top: 3px;
    background: url(<{$config.weburl}>/templates/wap/images/st_user_ico.png) no-repeat 0 0;
    background-size: 355px auto;

}
.header_top .tit {
    padding: 0;
    margin: 0;
    color: #fff;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 500;
}
</style>
<div class="home_top clearfix header_top">
       <div class="st_back"><a href="javascript:;" onclick="javascript:history.go(-1);"></a></div>
        <h1 class="tit">
            选择支付        </h1>
    <div class="user_login">
            <a class="" href="/shouji/user/login">登录/</a>
       <a class="" href="/shouji/user/register?forwardurl=">注册</a>
           </div>
  </div>
  <script language="JavaScript">
      var SITEURL = "/shouji/";
  </script>  <div class="m-main">

<div class="buy-details-hd">
            <h2 id="show_name">2016华夏琴英钢琴音乐季温州站</h2>
     </div>
    
    <ul class="order_msg">
             <li><em>单价：</em>180.00</li>
                 <li><em>数量：</em>1</li>
 <li><em>日期：</em>2016-10-30周日</li>
 <li><em>姓名：</em>涛涛</li>
 <li><em>手机：</em>13641827448</li>
 <li><em>备注：</em>上海市徐汇区</li>
    <li class="li_jg">
            <span><em>支付金额：</em><strong>&yen;144.00</strong></span>
        </li>
    </ul>
        <div class="show-list-js">
    <div class="zhifu-box">
      <h3>选择支付方式：</h3>
        <p>
          <a class="on" data-value="3" href="javascript:;" id="weixin_btn"><em class="hc">微信</em></a>
            <a data-value="1" href="javascript:;"><em class="zfb">支付宝</em></a>
                    </p>
      </div>
    </div>

  <form method="post" action="/shouji/page/dopay" id="payfrm">
      <input type="hidden" name="orderid" value="416"/>
      <input type="hidden" name="paytype" id="paytype" value="3">
      </form>
    <div class="bom_fix_box">
  <a class="booking" href="javascript:;">确认支付</a>
    </div>
  
    
  </div>
<script>
    $(function(){
        $('.zhifu-box').find('a').click(function(){
                $(this).addClass('on').siblings().removeClass('on');
                $("#paytype").val($(this).attr('data-value'));
        })
        $('.booking').click(function(){
            $("#payfrm").submit();
        })
        if(!isWeiXin())
    {
            $("#weixin_btn").hide();
$("#weixin_btn").siblings('a:first').addClass('on');
            $("#paytype").val($("#weixin_btn").siblings('a:first').attr("data-value"));
    }
    })
function dengji(){
alert('登记成功,通过登记手机号码查询订单.');
window.location.href="/shouji/page/query/"
}
function isWeiXin(){ 
var ua = window.navigator.userAgent.toLowerCase(); 
if(ua.match(/MicroMessenger/i) == 'micromessenger'){ 
return true; 
}else{ 
return false; 
} 
} 
</script>
 
</body>
</html>
